@import '@/styles/index.scss';

.container {
	background-color: #fff;
}

.userInfo-page {
	width: 100%;
	padding-top: $pd;

	.list {
		background-color: #fff;
		padding: 0 $pd;
		margin-bottom: $pd;

		.item {
			position: relative;
			display: flex;
			align-items: center;
			padding: 20rpx 0;
			@include focused($bdc, $fc-on);

			.title {
				width: 160rpx;
				height: 50rpx;
				line-height: 50rpx;
				padding: 0 20rpx;
				text-align: center;
				font-size: $fsm;
				color: $fc;
				text-align: left;
			}

			.input-item {
				flex: 1;
				line-height: 50rpx;
				font-size: $fsm;
				color: $fc;
			}

			.content {
				flex: 1;
				font-size: $fsm;
				color: $fc;
				white-space: nowrap;
				overflow: hidden;

				&.off {
					color: $fc-off;
				}
			}

			.icon {
				width: 50rpx;
				height: 50rpx;

				.image {
					display: block;
					width: 100%;
					height: 100%;
				}
			}
		}
	}

	.button {
		padding: $pd;

		.btn {
			font-size: $fsm;
			color: #fff;
			background-color: $fc-on;
			border-color: $fc-on;
			@include button;
		}
	}
}